<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>360安全</title>
    <link rel="stylesheet" href="css/10360security.css">
    <link href="https://cdn.bootcss.com/fullPage.js/2.9.5/jquery.fullpage.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js"></script>
    <script src="https://cdn.bootcss.com/fullPage.js/2.9.5/jquery.fullpage.js"></script>
</head>
<body>
<div id="dowebok">
    <div class="section first">
        <div class="logo"><a href=""><img src="images/logo.png" alt=""></a></div>
        <div class="text">
            <img src="images/text_1.png" alt="">
            <img src="images/text_2.png" alt="">
            <img src="images/text_3.png" alt="">
            <img src="images/text_4.png" alt="">
            <img src="images/text_5.png" alt="">
            <img src="images/text_6.png" alt="">
            <img src="images/text_7.png" alt="">
            <img src="images/text_8.png" alt="">
        </div>
        <div class="intro"></div>
    </div>
    <div class="section second">
        <div class="shield">
            <img src="images/shield_1.png" alt="">
            <img src="images/shield_2.png" alt="">
            <img src="images/shield_3.png" alt="">
            <img src="images/shield_4.png" alt="">
            <img src="images/shield_5.png" alt="">
            <img src="images/shield_6.png" alt="">
            <img src="images/shield_7.png" alt="">
            <img src="images/shield_8.png" alt="">
            <img src="images/shield_9.png" alt="">
        </div>
        <div class="intro"></div>
    </div>
    <div class="section third">
        <div class="intro"></div>
        <div class="circle">
            <img src="images/rocket.png" alt="" id="rocket">
        </div>
    </div>
    <div class="section fourth">
        <div class="search">
            <div class="searchBar"></div>
            <div class="searchText"></div>
            <div class="searchResult"></div>
        </div>
        <div class="intro"></div>
    </div>
    <div class="section fifth">
        <div class="intro"></div>
        <div class="window">
            <div class="toolbar"></div>
            <div class="frame"></div>
            <div class="extra">
                <img src="images/extra.png" alt="">
            </div>
            <div class="border">
                <div class="aa"></div>
                <div class="aa"></div>
                <div class="aa"></div>
                <div class="aa"></div>
            </div>
        </div>
    </div>
<script>
    $(function(){
        $sec=$('section');
        $('#dowebok').fullpage({
            sectionsColor:["rgb(13,165,214)",
                "rgb(42,181,97)","rgb(222,137,16)",
                "rgb(22,186,157)","rgb(13,165,214)"],
            afterLoad:function (anchorLink,index) {
                $sec.removeClass('active');
                $sec.eq(index-1).addClass('active');
            }
        });
    });
</script>
</body>
</html>